// pages/category/index.js
import regeneratorRuntime from '../../lib/runtime/runtime';

const DB=wx.cloud.database()
const app=getApp()

Page({
  /**
   * 页面的初始数据
   */
  data: {
    //左侧的菜单数据
    leftMenuList:[
      {
        id:0,
        title:'主食',
        index:0
      },
      {
        id:1,
        title:'饮料',
        index:1
      },
      {
        id:2,
        title:'辣条',
        index:2
      },
      {
        id:3,
        title:'零食',
        index:3
      }
    ],
    //获取到全局js中的数据
    cateList:[],

    //右侧的商品数据
    rightContent:[],
    currentIndex:0,

    //右侧滚动条的距离顶部的距离
    scrollTop:0
  },
  //左侧菜单的点击事件
  handleItemTap(e){
    this.setData({
      currentIndex:e.currentTarget.dataset.index,
      scrollTop:0 //将右侧滚动条距离顶部的距离重新设置为0
    }),
    this.getClass();/*获取右侧分类数据 */
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showLoading({
      title: '疯狂努力中',
    })
    //获取全局js中的数据
    // this.setData({
    //   cateList:app.cateList
    // })
    //获取数据库中的数据
    let that=this
    DB.collection('list').doc('b4f7b7d25fb23bf600a8e7c8689c33a7').get({
      success(res){
        that.setData({
          cateList:res.data.cateList
        })
        that.getClass();
        wx.hideLoading()
      }
    })
    
    // //获取本地存储的数据
    // const Cates=wx.getStorageSync('cates');
    // //判断 该数据是否存在
    // if(!Cates){
    //   //不存在
    //   that.getClass();
    // }else{
    //   //判断数据是否过期
    //   if(Date.now()-Cates.time>1000*10){
    //     //数据过期
    //     that.getClass();
    //   }else{
    //     //数据没有过期可以使用
    //       console.log("1")
    //   }
    // }
  },
  /**
   * 获取分类数据
   */
  getClass(){
    this.setData({
      rightContent:this.data.cateList[this.data.currentIndex].list
    })

    //将接口的数据存入到本地存储中
    // wx.setStorageSync('cates', {time:Date.now(),data:this.data.cateList})
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})